// 任务三：useState
// 1. 创建一个计数器组件，使用 useState 来存储当前计数值。
// 2. 添加两个按钮：一个用于增加计数值，另一个用于减少计数值。

import { useState } from "react"

// 3. 当计数值达到特定阈值时，显示一个警告消息。
export default function App3(){
    let [Num,setNum] = useState(0)

    const jia = (even) => {
        if(Num>=10){
            alert('大于10')
        }
        setNum(++Num)
    }
    const jian = (even) => {
        setNum(--Num)
    }
    return (
        <>
            <h1>任务三分界线</h1>
            <h2>计数器：{Num}</h2>
            <button onClick={jia}>+</button>
            <button onClick={jian}>-</button>
        </>
    )
}